import { createApp } from 'vue'
//整体导入 ElementPlus 组件库
import ElementPlus from 'element-plus' //导入 ElementPlus 组件库的所有模块和功能 
import 'element-plus/dist/index.css' //导入 ElementPlus 组件库所需的全局 CSS 样式
import * as ElementPlusIconsVue from '@element-plus/icons-vue' //导入 ElementPlus 组件库中的所有图标
import zhCn from 'element-plus/dist/locale/zh-cn.mjs' //导入 ElementPlus 组件库的中文语言包
// import App from './App.vue'
// import App from './1-按钮/App.vue'
// import App from './2-图标/App.vue'
// import App from './3-提示框/App.vue'
// import App from './4-导航/App.vue'
// import App from './5-标签页/App.vue'
// import App from './6-输入框/App.vue'
// import App from './7-单选框和复选框/App.vue'
// import App from './8-下拉框/App.vue'
// import App from './9-日期选择器/App.vue'
// import App from './10-表单/App.vue'
// import App from './11-对话框/App.vue'
// import App from './12-分页/App.vue'
import App from './13-表格/App.vue'



// createApp(App).mount('#app')
const app = createApp(App)

//注册 ElementPlus 组件库中的所有图标到全局 Vue 应用中
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

// app.use(ElementPlus) //将 ElementPlus 插件注册到 Vue 应用中
app.use(ElementPlus, {
    locale: zhCn // 设置 ElementPlus 组件库的区域语言为中文简体
})

app.mount('#app')